{% extends 'common/base.html' %}
{% block title %}
    index
{% endblock %}
{% block main %}
    <div id="page-wrapper">
<div class="container">
    <div class="row clearfix">
		<div class="col-md-12 column">
		</div>
	</div>
	<div class="row clearfix">
		<div class="col-md-8 column" >
<div class="card">

                        <div class="card-image">
                            <div id="vedio_div" class="card-image">
                                <!--vedio-->
                                <!--video  src="127.0.0.1:5000/video_feed" width=100% height=100% controls style="position:relative;width:100%">
                                    <source src="">

                                    您的浏览器不支持，请升级您的浏览器
                                </video>-->
                                <img src="{{ url_for('video_feed') }}" width=100% height=100% controls  style="position:relative;">
                            </div>
                        </div>

                    </div>
		</div>
		<div class="col-md-4 column">
			<div class="row clearfix">
				<div class="col-md-6 column">
					<div class="card-panel text-center">
                        <br>
                        <br>
						<h4>温度</h4>
                        <br>
                        <br>
                        <div class="easypiechart" id="easypiechart-blue" data-percent="82" ><span class="percent">82%</span>
						</div>
                        <br>
                        <br>
					</div>
				</div>
				<div class="col-md-6 column">
					<div class="card-panel text-center">
                        <br>
                        <br>
						<h4>湿度</h4>
                        <br>
                        <br>
                        <div class="easypiechart" id="easypiechart-red" data-percent="46" ><span class="percent">46%</span>
						</div>
                        <br>
                        <br>
					</div>
				</div>
			</div>

		</div>
	</div>
</div>
        </div>
{% endblock %}